import React, {Component} from 'react'
import { List, Button } from 'antd-mobile';
const Item = List.Item;
const Brief = Item.Brief;

import Header from "../components/header";


export default class RecordItem extends Component {
  constructor (props){
   super(props)
   this.state= {}
}
   render() {
   return <div className="recorditem">
      <Header title="订单详情" {...this.props}></Header>
          <div className="container">
     <List className="my-list">
       <Item 
         arrow="horizontal"
         thumb={""}
         multipleLine
         onClick={() => {
            this.props.history.push("")
         }}
       >
         
         <h4>"1111"</h4> <span>第0101010期</span><span>2018/10/10/14:00</span> <Brief>"12"</Brief>
       </Item>
       
      </List>

      <div className="content">
         <h3 className="redfont">订单内容</h3>
         <ul>
           <li><span>下注时间</span> 111</li>
           <li><span>玩法</span>111</li>
           <li><span>下注内容</span>11</li>
           <li><span>赔率</span>11</li>
           <li><span>下注金额</span>11</li>
           <li><span>可赢奖金</span>11</li>
           <li><span>返水金额</span>11</li>
           <li><span>订单状态</span>11</li>
         </ul>
      </div>
      <Button type="primary">再来一注</Button>     

   </div>
   </div>
}

}